<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="Fly">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel = "stylesheet" href = "./shou.css">
    <title>Title</title>
    <style>

    </style>
    <script type="text/javascript" src="jquery-1.10.1.js"></script>
    <script type="text/javascript" src="shou.js" ></script>

</head>
<body>
<!--基本信息-->
<div class="mask_basic_details">
    <div class="mask_content">
        <a href = "#"><span class="xx"></span></a>
        <p>查看实习生</p>
        <div class="mask_table1">
             <table>
                 <tr><th>姓名</th><td>*</td></tr>
                 <tr><th>目前状态</th><td>*</td></tr>
                 <tr><th>面试官</th><td>*</td></tr>
                 <tr><th>内网邮箱</th><td>*</td></tr>
                 <tr><th>籍贯</th><td>*</td></tr>
                 <tr><th>专业</th><td>*</td></tr>
                 <tr><th>联系电话</th><td>*</td></tr>
                 <tr><th>入司时间</th><td>*</td></tr>
             </table>
        </div>
        <div class="mask_table2">
             <table>
                 <tr><th>性别</th><td>*</td></tr>
                 <tr><th>应聘方向</th><td>*</td></tr>
                 <tr><th>面试官部门</th><td>*</td></tr>
                 <tr><th>出生日期</th><td>*</td></tr>
                 <tr><th>最高学历</th><td>*</td></tr>
                 <tr><th>毕业学校</th><td>*</td></tr>
                 <tr><th>毕业时间</th><td>*</td></tr>
             </table>
        </div>
    </div>
</div>
<div class="mask_basic_edit">
    <div class="mask_content">

        <p>编辑实习生</p>
        <form action = "post">
            <div class="mask_form1">
                <label class="lab1" for="name">姓名</label><input id="name" type = "text" value="*" >
                <label class="lab1"  for="For1">目前状态</label><input id="For1" type = "text" value="*">
                <label class="lab1"  for="For2">面试官</label><input id="For2" type = "text" value="*">
                <label class="lab1"  for="For3">内网邮箱</label><input id="For3" type = "text" value="*">
                <label class="lab1"  for="For4">籍贯</label><input id="For4" type = "text" value="*">
                <label class="lab1"  for="For5">专业</label><input id="For5" type = "text" value="*">
                <label class="lab1"  for="For6">联系电话</label><input id="For6" type = "text" value="*">
                <label class="lab1"  for="For7">入司时间</label><input id="For7" type = "text" value="*">
            </div>
            <div class="mask_form2">
                <div><label class="lab1"  for="sex">性别</label><input id="sex" type = "text" value="*"></div>
                <div><label class="lab1"  for="For8">应聘方向</label><input id="For8" type = "text" value="*"></div>
                <div><label class="lab1"  for="For9">面试官部门</label><input id="For9" type = "text" value="*"></div>
                <div><label class="lab1"  for="For10">出生日期</label><input id="For10" type = "text" value="*"></div>
                <div><label class="lab1"  for="For11">最高学历</label><input id="For11" type = "text" value="*"></div>
                <div><label class="lab1"  for="For12">毕业学校</label><input id="For12" type = "text" value="*"></div>
                <div><label class="lab1"  for="For13">毕业时间</label><input id="For13" type = "text" value="*"></div>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>
<div class="mask_basic_taoTai">
    <div class="mask_content">

        <p>淘汰实习生</p>
        <form action = "post">
            <div>
                <label class="tao_lab" for = "taoTai_name">姓名</label>
                <input id="taoTai_name" type = "text" value="***">
            </div>
            <div>
                <label  class="tao_lab" for = "taoTai_stage">淘汰阶段</label>
                <select name = "stage" id = "taoTai_stage">
                    <option style="font-size: 16px;color:#999;" >请选择淘汰阶段</option>
                    <option style="color: black">阶段一</option>
                    <option style="color: black">阶段二</option>
                    <option style="color: black">阶段三</option>
                </select>
            </div>
            <div>
                <label  class="tao_lab tao_reason" for = "taoTai_reason">淘汰原因</label>
                <textarea name = "" id = "taoTai_reason" cols = "41" rows = "5"></textarea>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel_tao">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>
<!--请假信息-->
<div class="mask_leave">
    <div class="mask_content">

        <p>淘汰实习生</p>
        <form action = "post">
            <div>
                <label class="tao_lab" for = "leave_name">姓名</label>
                <input id="leave_name" type = "text"  placeholder="请输入请假实习生姓名">
            </div>
            <div>
                <label class="tao_lab" for = "leave_date">请假日期</label>
                <input id="leave_date" type = "date">
            </div>
            <div>
                <label  class="tao_lab" for = "leave_days">请假时长</label>
                <select name = "days" id = "leave_days">
                    <option style="font-size: 16px;color:#999;" >请选择请假时长</option>
                    <option style="color: black">一天</option>
                    <option style="color: black">两天</option>
                    <option style="color: black">永久</option>
                </select>
            </div>
            <div>
                <label  class="tao_lab leave_reason" for = "leave_reason">请假原因</label>
                <textarea name = "" id = "leave_reason" cols = "41" rows = "5" ></textarea>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel_leave">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>
<!--培训信息-第一阶段-详情-->
<div class="mask_basic_train_details">
    <div class="mask_content">
        <a href = "#"><span class="xx"></span></a>
        <p>第一阶段成绩详情</p>
        <div class="mask_table1">
            <table>
                <tr><th>公司概况及管理制度</th><td>*</td></tr>
                <tr><th>复印机等设备操作</th><td>*</td></tr>
                <tr><th>职场礼仪与沟通技巧</th><td>*</td></tr>
                <tr><th>ISO9001</th><td>*</td></tr>
                <tr><th>公司安全管理规定</th><td>*</td></tr>
                <tr><th>配置管理及VSS试题</th><td>*</td></tr>
                <tr><th>数据统计分析工具应用</th><td>*</td></tr>
                <tr><th>演讲与表达</th><td>*</td></tr>
                <tr><th>第一名印章</th><td>*</td></tr>
            </table>
        </div>
        <div class="mask_table2">
            <table>
                <tr><th>OA等公司常用流程</th><td>*</td></tr>
                <tr><th>挫折教育与团队建设</th><td>*</td></tr>
                <tr><th>如何完成角色转变</th><td>*</td></tr>
                <tr><th>ISO27001（ISMIS）</th><td>*</td></tr>
                <tr><th>研发管理流程及CMMI基础知识</th><td>*</td></tr>
                <tr><th>文档规范与文档专业化训练</th><td>*</td></tr>
                <tr><th>演讲汇报辅助工具应用</th><td>*</td></tr>
                <tr><th>演讲与表达</th><td>*</td></tr>
                <tr><th>GOOD印章</th><td>*</td></tr>
            </table>
        </div>
    </div>
</div>

<!--培训信息-第一阶段-修改-->


<!--培训信息-第二阶段-修改-->

<div class="mask_train_two">
    <div class="mask_content">

        <p>修改成绩</p>
        <form action = "post">
            <div>
                <label class="tao_lab" for = "train_two_name">姓名</label>
                <input id="train_two_name" type = "text"  placeholder="请输入请假实习生姓名">
            </div>
            <div>
                <label class="tao_lab" for = "train_two_title">主题</label>
                <input id="train_two_title" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_two_score">成绩</label>
                <input id="train_two_score" type = "text">
            </div>

            <div>
                <label  class="tao_lab train_two_assess" for = "train_two_assess">评价</label>
                <textarea name = "" id = "train_two_assess" cols = "41" rows = "5" ></textarea>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel_train_two">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>
<!--培训信息-第三阶段-修改-->

<div class="mask_train_three">
    <div class="mask_content">

        <p>第三阶段</p>
        <form action = "post">
            <div>
                <label class="tao_lab" for = "train_three_name">姓名</label>
                <input id="train_three_name" type = "text"  placeholder="请输入请假实习生姓名">
            </div>
            <div>
                <label class="tao_lab" for = "train_three_team">所在组</label>
                <input id="train_three_team" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_three_role">角色</label>
                <input id="train_three_role" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_three_score">成绩</label>
                <input id="train_three_score" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_three_rank">排名</label>
                <input id="train_three_rank" type = "text">
            </div>

            <div>
                <label  class="tao_lab train_three_assess" for = "train_three_assess">评价</label>
                <textarea name = "" id = "train_three_assess" cols = "41" rows = "3" ></textarea>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel_train_three">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>


<!--培训信息-第二阶段-修改-->

<div class="mask_train_four">
    <div class="mask_content">

        <p>修改成绩</p>
        <form action = "post">
            <div>
                <label class="tao_lab" for = "train_four_title">主题</label>
                <input id="train_four_title" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_four_skill">技术</label>
                <input id="train_four_skill" type = "text">
            </div>
            <div>
                <label class="tao_lab" for = "train_four_score">成绩</label>
                <input id="train_four_score" type = "text">
            </div>

            <div>
                <label  class="tao_lab train_four_assess" for = "train_four_assess">评价</label>
                <textarea name = "" id = "train_four_assess" cols = "41" rows = "5" ></textarea>
            </div>
            <div class="button">
                <button class="submit" type="submit">确&nbsp&nbsp认</button>
                <span class="cancel_train_four">取&nbsp&nbsp消</span>
            </div>
        </form>
    </div>
</div>
<!--特殊人员-淘汰-->


<div class="head">

</div>
<div class="content">
    <div class="content_left">
        <p class="clp cl1"><a href = "#">首页</a></p>
        <div class="cld"></div>
        <p class="clp cl2 _clp_"><a href = "#">实习生信息</a></p>
        <div class="cld cl2_1">
            <li class="cl_li1 _cl_li"><a href = "#">基本信息</a></li>
            <li class="cl_li2"><a href = "#">请假信息</a></li>
            <li class="cl_li3"><a href = "#">总体成绩</a></li>
        </div>
        <p class="=clp cl3"><a href = "#">培训信息</a></p>
        <div class="cld"></div>
        <p class="clp cl4"><a href = "#">特殊人员</a></p>
        <div class="cld cl4_1">
            <li class="cl_li4"><a href = "#">淘汰人员</a></li>
            <li class="cl_li5"><a href = "#">新增人员</a></li>
        </div>
        <p class="clp cl5"><a href = "#">综合信息</a></p>
        <div class="cld cl5_1" >
            <li class="cl_li6"><a href = "#">淘汰人员</a></li>
            <li class="cl_li7"><a href = "#">新增人员</a></li>
        </div>
    </div>


    <!--基本信息-->
    <div class="content_right1">
        <div class="cr1">
            <p>实习生信息-基本信息</p>
            <p>
                <input type = "text" value="请输入实习生信息" onfocus="if (this.value=='请输入实习生信息'){this.value=' '}" onblur="if(this.value==' '){this.value='请输入实习生信息'}">
                <select name = ""  >
                    <option style="font-size: 20px;color:#ccc;" >请选择面试官</option>
                    <option style="color: black">面试官1</option>
                    <option style="color: black">面试官2</option>
                </select>
                <span class="cr1_1"><a href = "#">查询</a></span>
                <span class="cr1_2" onclick="show()"><a href = "#">导入</a></span>
                <span class="import" id="import"><a href="#">导入今年信息</a><a href="#">导入去年信息</a></span>
            </p>
            <table>
                <thead>
                    <th>姓名</th>
                    <th>目前状态</th>
                    <th>应聘方向</th>
                    <th>面试官</th>
                    <th>联系电话</th>
                    <th style="width: 360px">操作</th>
                </thead>
                <tbody>
                    <tr>
                        <td>**</td>
                        <td>**</td>
                        <td>**</td>
                        <td>**</td>
                        <td>**</td>
                        <td style="width: 360px">
                            <span class="basic_details"><a href = "#">详情</a></span>
                            <span class="basic_edit"><a href = "#">编辑</a></span>
                            <span class="basic_taoTai"><a href = "#">淘汰</a></span>
                        </td>
                    </tr>

                </tbody>
            </table>
        </div>
    </div>
    <!--请假信息-->
    <div class="content_right2">
        <div class="cr1">
            <p>实习生信息-请假信息</p>
            <table>
                <thead>
                    <th>姓名</th>
                    <th>请假日期</th>
                    <th>请假时长</th>
                    <th>面试官</th>
                    <th class="new_leave" style="cursor: pointer"><a>新增</a></th>
                </thead>
                <tbody>
                    <tr>
                        <td>**</td>
                        <td>**</td>
                        <td>**</td>
                        <td>**</td>
                    </tr>

                </tbody>
            </table>
        </div>
    </div>
    <!--总体成绩-->
    <div class="content_right3">
        <div class="cr1">
            <p>实习生信息-总体成绩</p>
            <p>
                <input type = "text" value="请输入实习生信息" onfocus="if (this.value=='请输入实习生信息'){this.value=' '}" onblur="if(this.value==' '){this.value='请输入实习生信息'}">
                <select name = ""  >
                    <option style="font-size: 20px;color:#ccc;" >请选择面试官</option>
                    <option style="color: black">面试官1</option>
                    <option style="color: black">面试官2</option>
                </select>
                <input type = "checkbox" style="width: 16px;height: 16px;margin-left: 40px "><span style="font-size: 18px;color: #666">&nbsp&nbsp淘汰实习生</span>
                <input type = "checkbox" style="width: 16px;height: 16px;margin-left: 40px"><span style="font-size: 18px;color: #666">&nbsp&nbsp新加入实习生</span>
                <span class="cr1_1"><a href = "#">查询</a></span>

            </p>
            <table>
                <thead>
                <th>姓名</th>
                <th>阶段一成绩</th>
                <th>阶段一评价</th>
                <th>阶段一表现</th>
                <th>阶段二成绩</th>
                <th>阶段二评价</th>
                <th>阶段二表现</th>
                <th>阶段三成绩</th>
                <th>阶段三评价</th>
                <th>阶段三表现</th>
                </thead>
                <tbody>
                <tr>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>

                </tr>

                </tbody>
            </table>
        </div>
    </div>
<!--培训信息-->

    <div class="content_right4">
        <div class="cr1">
            <p>培训信息</p>
            <table>
                <thead>
                <th><a href = "#" class="trainOne train_click_css">第一阶段</a></th>
                <th><a href = "#" class="trainTwo">第二阶段</a></th>
                <th><a href = "#" class="trainThree">第三阶段</a></th>
                <th><a href = "#" class="trainFour">特殊查询</a></th>
                </thead>
                <!--第一阶段-->
                <tbody class="train_one">
                <tr class="cr5_tr1 cr5_tr">
                    <td>姓名</td>
                    <td>成绩</td>
                    <td>观察与评价</td>
                    <td style="width: 462px">操作</td>
                </tr>
                <tr class="cr5_tr1">
                    <td>张三</td>
                    <td>99</td>
                    <td>很好</td>
                    <td style="width: 462px">
                        <span class="train_one_details"><a href = "#">详情</a></span>
                        <span class="train_one_edit"><a href = "#">修改</a></span>
                    </td>
                </tr>
                </tbody>
                <!--第二阶段-->
                <tbody class="train_two">
                <tr class="cr5_tr1 cr5_tr">
                    <td>姓名</td>
                    <td>项目主题</td>
                    <td>成绩</td>
                    <td>评价</td>
                    <td>编辑</td>
                </tr>
                <tr class="cr5_tr1">
                    <td>张三</td>
                    <td>99</td>
                    <td>很好</td>
                    <td>挺好</td>
                    <td><span class="train_two_edit"><a href = "#">修改</a></span></td>
                </tr>
                </tbody>
                <!--第三阶段-->
                <tbody class="train_three">
                <tr class="cr5_tr1 cr5_tr">
                    <td>姓名</td>
                    <td>所在项目组</td>
                    <td>担任角色</td>
                    <td>项目组成绩</td>
                    <td>个人成绩</td>
                    <td>评价</td>
                    <td>编辑</td>
                </tr>
                <tr class="cr5_tr1">
                    <td>张三</td>
                    <td>99</td>
                    <td>100</td>
                    <td>100</td>
                    <td>100</td>
                    <td>很好</td>
                    <td><span class="train_three_edit"><a href = "#">修改</a></span></td>
                </tr>
                </tbody>
                <!--第四阶段-->
                <tbody class="train_four">
                <tr class="cr5_tr1 cr5_tr">
                    <td>姓名</td>
                    <td>项目主题</td>
                    <td>成绩</td>
                    <td>评价</td>
                    <td>编辑</td>
                </tr>
                <tr class="cr5_tr1">
                    <td>张三</td>
                    <td>99</td>
                    <td>很好</td>
                    <td>挺好</td>
                    <td><span class="train_four_edit"><a href = "#">修改</a></span></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--特殊人员-淘汰人员-->

    <div class="content_right5 content_right5_1">
        <div class="cr1">
            <p>特殊人员-淘汰人员</p>
            <table>
                <thead>
                <th>姓名</th>
                <th>淘汰阶段</th>
                <th>淘汰日期</th>
                <th>淘汰原因</th>
                <th>操作</th>
                <th ><a>新增</a></th>
                </thead>
                <tbody>
                <tr>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td><span class="special_die_edit"><a href = "#">修改</a></span>
                        <span class="special_die_undo"><a href = "#">撤销</a></span>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
    <!--特殊人员-新加入-->

    <div class="content_right5_1 content_right6">
        <div class="cr1">
            <p>特殊人员-新加入人员</p>
            <table>
                <thead>
                <th>姓名</th>
                <th>加入阶段</th>
                <th>加入日期</th>
                <th>加入原因</th>
                <th>操作</th>
                <th ><a>新增</a></th>
                </thead>
                <tbody>
                <tr>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td>**</td>
                    <td><span class="special_new_edit"><a href = "#">修改</a></span>
                        <span class="special_new_delete"><a href = "#">删除</a></span>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>

</body>
</html>